<template>
    <div>
        <h1>这是store 中的数据：{{ num }}</h1>
        <h1>{{ str }}</h1>
        <button @click="sub">------------11111111</button>
        <button @click="subN(10)">----------nnnnnnnnnnn</button>
    </div>
</template>

<script>
    import {mapState,mapMutations} from "vuex"

    export default {
        name:"Decre",
        computed:{
            ...mapState(["num","str"])  //获取store 中的所有数据，然后将其映射为当前组件的computed。
        },
       
        methods:{
            // mapMutations  获取store 中的所有mutations方法，然后将其映射为当前组件的 methods
            ...mapMutations(["sub","subN"])
        }
    }
</script>

<style scoped>

</style>